import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {immutableRenderDecorator} from 'react-immutable-render-mixin';
import CSSModules from 'react-css-modules';
import classNames from 'classnames';
import styles from './tab.module.scss';

@immutableRenderDecorator
@CSSModules(styles, {allowMultiple: true})

class InkBar extends Component {
  render () {
    const {left, width} = this.props;

    const classes = classNames({
      inkBar: true
    });

    return (
      <div styleName={classes} style={{
        transform: `translate3d(${left}px, 0, 0)`,
        width: width
      }}>
      </div>
    )
  }
}

export default InkBar;